<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Metfind Card</title>
	<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url();?>assets/css/general/images/favicon.ico" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/general/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/general/flexslider.css" type="text/css" media="all" />
	
	<script src="<?php echo base_url();?>assets/js/jquery1.10.1/compressed.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/general/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/general/functions.js" type="text/javascript"></script>
</head>
<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- header -->
		<header class="header">
			<div class="shell">
				<h1 id="logo"><a href="#">Metfind</a></h1>
				
				<!-- navigation -->
				<nav id="navigation">
					<ul>
						<li >
							<a href="<?php echo base_url();?>card">Inicio</a>
						</li>
						<li >
							<a href="<?php echo base_url();?>card/comofunciona">Como funciona</a>
						</li>
						<li >
							<a href="<?php echo base_url();?>card/comprar">Comprar</a>		
						</li>
						<li >
							<a href="<?php echo base_url();?>card/contacto">Contacto</a>
						</li>
						<li class="active">
							<a href="<?php echo base_url();?>card/login">Log in</a>
						</li>
					</ul>
					<div class="cl">&nbsp;</div>
				</nav>
				<!-- end of navigation -->
			</div>
		</header>
		<!-- end of header -->
		
		
		
		<!-- shell -->
		<div class="shell">
			<!-- main -->
			<div class="main">
			
			<h1 style="text-align:center">LogIn MetfindCard</h1>
			login
			</div>
			<!-- end of main -->
		</div>
		<!-- end of shell -->
		<div id="footer-push"></div>
	</div>
	<!-- wrapper -->

	
	
	<!-- footer -->
	<div id="footer">
		<div class="shell">
			<!-- footer-cols -->
			<section class="footer-cols">
				<div class="col">
					<h3>Mas <strong>sobre nosotros</strong></h3>
					<p>MetfindCard es un servicio enfocado en turismo que funciona a modo de linker, por un lado brinda la oportunidad de darse a conocer y llegar a un amplio publico a negocios de distinto tipo y por otro lado brinda beneficios e informacion a las personas que hacen uso de ellos.</p>
				</div>
				<div class="col">
					<h3>Mantente <strong>Informado</strong></h3>
					<p>Si deseas recibir novadades y nuevos beneficios puedes dejarnos tu email</p>
					<form method="post">
						<input type="text" class="field" value="tu email aqui" title="tu email aqui" />
						<input type="submit" class="submit-btn" value="Enviar" />
					</form>
				</div>
				<div class="col contact">
					<h3>Contacta<strong>nos</strong></h3>
					<h4>+ 123 456 78910</h4>
					<a href="#">contactcard@metfind.com</a>
				</div>
				<div class="cl">&nbsp;</div>
			</section>
			<!-- end of footer-cols -->
			<p class="copy">&copy; Metfind.</p>
			<div class="cl">&nbsp;</div>
		</div>	
	</div>
	<!-- end of footer -->
</body>
</html>